<template>
	<view class="box">
		<view style="list-style: 50px;text-align: center;font-weight: bold;">
			<!-- 恋爱协议 -->
		</view>
		<view class="flex a-t" style="border-radius: 6px;border: #fa1e8a dashed 1px;line-height: 42px;box-sizing: border-box;padding: 0 10px;margin-top: 20px;">
			你的名字：<input type="text" v-model="name1" style="font-size: 13px;" placeholder="请输入">
		</view>
		<view class="flex a-t" style="border-radius: 6px;border: #fa1e8a dashed 1px;line-height: 42px;box-sizing: border-box;padding: 0 10px;margin-top: 20px;">
			Ta的名字：<input type="text" v-model="name2" style="font-size: 13px;" placeholder="请输入">
		</view>
		<!-- <view class="f12 c6" style="margin-top: 10px;">
			如果您没有设置周期，系统会根据记录自动计算。恢复系统计算请选择0
		</view> -->
		<view style="margin-top: 50px;">
			<view @click="go" class="button button1 animat">立即生成</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:'',
				name1:'',
				name2:''
			}
		},
		onLoad(e) {
			uni.setNavigationBarColor({
			    frontColor: '#000000',  
			    backgroundColor: '#ffffff',    
			})
			uni.setNavigationBarTitle({
				title:e.type
			})
			this.type=e.type
		},
		methods: {
			go(){
				if(!this.name1||!this.name2){
					return uni.showToast({
						title:'请输入名字',
						icon:"none"
					})
				}
				let data={
					name1:this.name1,
					name2:this.name2
				}
				this.$u.vuex('vuex_name',data)
				uni.navigateTo({
					url:'/pages/baogao/baogao?type='+this.type
				})
			}
		}
	}
</script>

<style>
.button1{
	width: 300px; line-height: 40px; text-align: center; margin: 10px auto 0px;
}
page{
	background: #fff;
}
</style>
